{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}

<div class="col-md-12">
  {{#tabs-pane tabs=tabs inverse=true as |tab|}}
    {{tabs-item tab=tab tabs=tabs}}
  {{/tabs-pane}}

  <div class="create-table-inner">
    <div class="row">
      {{#each tabs as |tab|}}
        {{#if tab.active}}
          {{#if (eq tab.link "edit.table.columns")}}
            {{table-columns columns=columns shouldAddBuckets=shouldAddBuckets editMode=true}}
          {{/if}}
          {{#if (eq tab.link "edit.table.properties")}}
            {{table-properties properties=properties editMode=true}}
          {{/if}}
          {{#if (eq tab.link "edit.table.advanced")}}
            {{table-advanced-settings settings=settings shouldAddBuckets=shouldAddBuckets
                                      errors=settingErrors editMode=true}}
          {{/if}}
        {{/if}}
      {{/each}}
    </div>

  </div>
  <div class="create-table-controls">
    <div class="row">
      <div class="col-md-12">
        <button class="btn btn-success" {{action "edit"}}>{{fa-icon "edit"}} Edit</button>
        <button class="btn btn-warning" {{action "cancel"}}>{{fa-icon "times"}} Cancel</button>
      </div>
    </div>
    <div class="row">
      <div class=" col-md-12 warning">
        <div class="alert alert-danger">
          <p>{{fa-icon "exclamation-circle" size="2"}} <strong>Warning:</strong> Operation is executed as multiple statements and they are not transactional in its entirety.</p>
        </div>
      </div>
    </div>
  </div>


</div>
